// 获取修改按钮
var oModifier = document.querySelector('.modifier');
// 获取点击后消失的
var oAmendbottom = document.querySelector('.amend-bottom');
// 获取显示的div
var oAmendbot = document.querySelector('.amend-bot');
// 获取取消按钮
var oCancel = document.querySelector('.cancel');
var oUsername = document.querySelector('.username');
// 给修改按钮添加点击事件
var modifierFlag = true;
oModifier.onclick = function(){
    if (modifierFlag) {
        oAmendbottom.style.display = 'none';
        oAmendbot.style.display = 'block';
        oUsername.style.height = '90px';
        modifierFlag = false;
    } else {
        oAmendbot.style.display = 'none';
        oAmendbottom.style.display = 'block';
        oUsername.style.height = '70px';
        modifierFlag = true;
    }
}
oCancel.onclick = function(){
    oAmendbot.style.display = 'none';
    oAmendbottom.style.display = 'block';
    oUsername.style.height = '70px';
}



// 2
// 获取修改按钮
var oModifiert = document.querySelector('#twob');
// 获取点击后消失的
var oAmendbottomt = document.querySelector('#teo');
// 获取显示的div
var oAmendbott = document.querySelector('#twoc');
// 获取取消按钮
var oCancelt = document.querySelector('#twod');
var oUsernamet = document.querySelector('#twoa');
// 给修改按钮添加点击事件
var modifiertFlag = true;
var modifiertFlag1= true;
oModifiert.onclick = function(){
console.log(111)
    if (modifiertFlag1) {
        oAmendbottomt.style.display = 'none';
        oAmendbott.style.display = 'block';
        oUsernamet.style.height = '130px';
        modifiertFlag1 = false;
    } else {
        oAmendbott.style.display = 'none';
        oAmendbottomt.style.display = 'block';
        oUsernamet.style.height = '70px';
        modifiertFlag1= true;
    }
}
oCancelt.onclick = function(){
    oAmendbott.style.display = 'none';
    oAmendbottomt.style.display = 'block';
    oUsernamet.style.height = '70px';

}



// 3
// 获取修改按钮
var oModifiera = document.querySelector('#thl');
// 获取点击后消失的
var oAmendbottoma = document.querySelector('#thra');
// 获取显示的div
var oAmendbota = document.querySelector('#thrb');
// 获取取消按钮
var oCancela = document.querySelector('#thx');
var oUsernamea = document.querySelector('#thr');
// 给修改按钮添加点击事件
var modifierFlaga = true;
oModifiera.onclick = function(){
    if (modifierFlaga) {
        oAmendbottoma.style.display = 'none';
        oAmendbota.style.display = 'block';
        oUsernamea.style.height = '90px';
        modifierFlaga = false;
    } else {
        oAmendbota.style.display = 'none';
        oAmendbottoma.style.display = 'block';
        oUsernamea.style.height = '70px';
        modifierFlaga = true;
    }
}
oCancela.onclick = function(){
    oAmendbota.style.display = 'none';
    oAmendbottoma.style.display = 'block';
    oUsernamea.style.height = '70px';
}



// 4
// 获取修改按钮
var oModifierf = document.querySelector('#fore');
// 获取点击后消失的
var oAmendbottomf = document.querySelector('#fora');
// 获取显示的div
var oAmendbotf = document.querySelector('#forb');
// 获取取消按钮
var oCancelf = document.querySelector('#forr');
var oUsernamef = document.querySelector('#for');
// 给修改按钮添加点击事件
var modifierFlagf = true;
oModifierf.onclick = function(){
    if (modifierFlagf) {
        oAmendbottomf.style.display = 'none';
        oAmendbotf.style.display = 'block';
        oUsernamef.style.height = '110px';
        modifierFlagf = false;
    } else {
        oAmendbotf.style.display = 'none';
        oAmendbottomf.style.display = 'block';
        oUsernamef.style.height = '70px';
        modifierFlagf = true;
    }
}
oCancelf.onclick = function(){
    oAmendbotf.style.display = 'none';
    oAmendbottomf.style.display = 'block';
    oUsernamef.style.height = '70px';
}



// 5
// 获取修改按钮
var oModifieri = document.querySelector('#iva');
// 获取点击后消失的
var oAmendbottomi = document.querySelector('#ivb');
// 获取显示的div
var oAmendboti = document.querySelector('#ivc');
// 获取取消按钮
var oCanceli = document.querySelector('#ivo');
var oUsernamei = document.querySelector('#ive');
// 给修改按钮添加点击事件
var modifierFlagi = true;
oModifieri.onclick = function(){
    if (modifierFlagi) {
        oAmendbottomi.style.display = 'none';
        oAmendboti.style.display = 'block';
        oUsernamei.style.height = '90px';
        modifierFlagi = false;
    } else {
        oAmendboti.style.display = 'none';
        oAmendbottomi.style.display = 'block';
        oUsernamei.style.height = '70px';
        modifierFlagi = true;
    }
}
oCanceli.onclick = function(){
    oAmendboti.style.display = 'none';
    oAmendbottomi.style.display = 'block';
    oUsernamei.style.height = '70px';
}



// 6
// 获取修改按钮
var oModifiers = document.querySelector('#sixa');
// 获取点击后消失的
var oAmendbottoms = document.querySelector('#sixb');
// 获取显示的div
var oAmendbots = document.querySelector('#sixc');
// 获取取消按钮
var oCancels = document.querySelector('#sixx');
var oUsernames = document.querySelector('#six');
// 给修改按钮添加点击事件
var modifierFlags = true;
oModifiers.onclick = function(){
    if (modifierFlags) {
        oAmendbottoms.style.display = 'none';
        oAmendbots.style.display = 'block';
        oUsernames.style.height = '90px';
        modifierFlags = false;
    } else {
        oAmendbots.style.display = 'none';
        oAmendbottoms.style.display = 'block';
        oUsernames.style.height = '70px';
        modifierFlags = true;
    }
}
oCancels.onclick = function(){
    oAmendbots.style.display = 'none';
    oAmendbottoms.style.display = 'block';
    oUsernames.style.height = '70px';
}